import { getToken, setToken, removeToken } from '@/utils/auth'
// f4. 引入发请求的文档
import { getProfile, getProfileById } from '@/api/user'
export default {
  namespaced: true,
  state: {
    // getToken()优先从cookie中获取token
    token: getToken() || '',
    userInfo: {} // 存储用户信息
  },
  mutations: {
    // 更新存储token
    updataToken(state, token) {
      state.token = token
      // 将token存储到cookie实现持久化
      setToken(token)
    },
    delToken(state) {
      // 清空token
      state.token = ''
      // 清除cookie本地中的token
      removeToken()
    },
    // 获取用户信息
    updateUserInfo(state, info) {
      state.userInfo = info
    },
    delUserInfo(state) {
      state.userInfo = {}
    }

  },
  actions: {
  // f2. 发送请求 拿到用户信息
    async getUserInfo(context) {
      try {
      // 获取用户信息
        const res = await getProfile()
        console.log('用户信息', res)
        console.log('res.roles.menus这里可以获取用户的权限', res.data.roles.menus)
        // 获取用户头像
        const infoImg = await getProfileById(res.data.userId)
        console.log('头像', infoImg)
        // f4. 把得到的res内容传到mutation里面去
        context.commit('updateUserInfo', { ...res.data, ...infoImg.data })
        return res.data.roles.menus // 把权限信息返回出去
      } catch (error) {
        console.log(error)
      }
    }
  }
}
